*{
	margin: 0px;
	padding: 0px;
}
p {
    margin: 0 0 4px;
}
body{color: #58666e;!important;}
/*修改框架样式开始*/
a {
    color: #58666e;
    text-decoration: none;
}
a:link,a:visited,a:hover,a:active{
text-decoration:none;
}
ul,li{
	list-style: none;
}
input{
  line-height: 20px!important;
}
input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #757575;
}
input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #757575;
}
input::-moz-placeholder {
 /* Mozilla Firefox 19+ */
 color: #757575;
}
input::-ms-input-placeholder {
 /* Internet Explorer 10+ */
 color: #757575;
}
label{font-weight: normal!important;margin-bottom:10px!important;}
.text-ellipsis{
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.change-line{
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
}
.text-change-line{
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-all;
}
/*.word-wrap{word-wrap:break-word;}*/
.disable{
  
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .65;
}
.disable:hover{
  cursor: not-allowed;
}
.row-input{margin-bottom:20px;}
.clear{clear: both;}
.fs12{font-size: 12px;}
.pl-8{padding-left: 8px;}
.plr-10{padding-left: 10px!important; padding-right: 10px!important;}
.plr-30{padding-left: 30px!important; padding-right: 30px!important;}
.pr-10{padding-right: 10px;}
.m0{margin:0px;}
.mt-4{margin-top:4px;}
.mt-10{margin-top:10px;}
.mt-20{margin-top:20px;}
.mb-20{margin-bottom:20px;}
.mr-10{margin-right:10px;}
.mr-20{margin-right:20px;}
.mr-bfz4{margin-right: 4%!important;}
.pr{position: relative;}
.fr{float: right;}
.fl{float:left;}
.bfz-12{width: 12%}
.bfz-88{width: 88%}
.bfz-22{width: 22%}
.bfz-78{width: 78%}
.bfz-40{width: 25%}
.bfz-30{width: 5%}
.bfz-25{width: 20%}
.bfz-20{width: 20%}
.bfz-10{width: 10%}
.bfz-30{width: 30%}
.bfz-15{width: 15%}
.label-default {
    background: #399bff;
}
.label-warning {
    background: #f39c12;
}
.label-success {
    background: #26a65b;
}
.label-danger {
    background: #ef4836;
}
.badge-danger{
      background-color: #fc3644;
}
.green{
  background-color: #1CC09F;
}
.blue {
    background-color: #63A3DF;
}
.red {
    background-color: #8192d6;
    /*background-color: #5ed5d1;*/
    /*background-color: #81c2d6;*/
}
.brown {
    background-color: #E6A548;
}
.cyan{
  background-color:  #5fc8e7;
}
.display-none{display: none;}
.display-inline-block{display: inline-block;}
.fw-600{font-weight: 600};
.w-140{width: 140px!important;}
.position-relative{position:relative;}
.tl{text-align: left;}
/*.row>.row-label{width: 50%;display: inline-block;}*/
.dropdown-menu.inner.selectpicker{
  max-height: 290px!important;

}
.dropdown-menu.open{max-height: 300px!important;}
.alarm-num{ 
    position: absolute;
    top: 14px;
    left: 25px;
    font-size: 12px;
    padding: 0px 4px;
    border-radius: 10px; 
    line-height: 18px;
}
/*.bootstrap-select{width: 100%!important;}*/
.navbar-brand{font-size: 20px!important;}
.open>.alert-content>.list-group{
  margin-bottom: 0px;
  height: 200px;
  overflow: auto;
  width: 300px;
  position: relative;
}

.open>.alert-content>.list-group a p{
  width: 230px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.open>.alert-content>.list-group a .media{
    padding: 10px 0px;
    border-bottom: 1px solid #e5e5e5;
}
.open>.alert-content>.list-group a:last-child .media{
  border-bottom: 0px;
}
.open>.alert-content>.list-group a .media .media-right{
  padding-left:0px;

}
.open>.alert-content>.list-title>a,.open>.alert-content>.list-details>a{padding: 10px 20px;}
.open>.alert-content>.list-title{
   border-bottom: 1px solid #e5e5e5;
}
.open>.alert-content>.list-details{
   border-top: 1px solid #e5e5e5;
}
.open>.alert-content>.list-details>a{
  cursor: pointer;
}
.open>.alert-content>li a{ width: 100%; color: #58666e;display: inline-block;padding: 0px 20px;cursor: pointer;}
.open>.user-profile>li>a{width: 160px; color: #58666e; cursor: pointer;}
.fa-tasks-small{
  background: #46be8a;
  padding: 6px;
  border-radius: 20px;
  color: #fff;
}
.fa-tasks-big{
  background: #46be8a;
  padding: 13px;
  border-radius: 50px;
  color: #fff;
}
.all-messages{overflow: hidden;}
.all-messages li{overflow: hidden; margin-bottom: 30px;}
.all-messages i{
  font-size: 26px;
}    
.all-messages .content-left,.all-messages .content-right{float: left;}
.all-messages .content-right{padding-left: 20px;}
.all-messages .content-right h4{
  display: inline;
  margin-top: 4px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.all-messages .content-right a{
  color: #62a8ea;
  text-decoration: none;
  cursor: pointer;
}
.all-messages .content-right a:hover{
  text-decoration: underline;
}
.all-messages .content-left{width: 56px;}
.all-messages .content-right{
  width: 94%; 
  }
.all-messages .content-right i{
  color: #f96868;
  font-size: 14px;
  margin-right: 10px;
}
.dropdown-menu .line {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
    width: 100px;
    width: 100px;
}
#bjui-sidenav-box > .nav > li > a{font-weight: normal;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #399bff;
    border-color: #fff;
}
#bjui-sidenav>#bjui-sidenav-box .nav > li> ul{ background-color:#2f3241;}
.form-control.input-nm{height: 36px!important;}
.save-btn{background-color: #399bff;color: #fff; padding: 8px 20px;height: auto!important;}
.field-save-btn{background-color: #399bff;color: #fff; padding: 4px 10px;height: auto!important;margin-left:9px;}
.save-btn:hover,
.save-btn:focus,
.save-btn.focus,.add-btn:hover,.add-btn:focus,.add-btn.focus,.field-save-btn:hover,.field-save-btn:focus {
  background-color:#4da5ff;
  color: #fff;
  text-decoration: none;
}
.close-btn:hover,
.sclose-btn:focus,
.close-btn.focus {
  background-color: #eeeeee;
  color: #666;
  text-decoration: none;
}

.close-btn{background-color: #e4e4e4;color: #58666e; padding: 8px 20px;height: auto!important;margin-left: 20px;}
.dialogContent{position: relative;}
.btns-group{width: 100%;padding: 20px;border-top: 1px solid #dbe1e4;}
.btns-group button{float: right!important;}
.bjui-dialog.dialogShadow > .dialogHeader{ background-color: #f3f7f9;color: #58666e;}
.bjui-dialog > .dialogHeader{height: 40px;}
.bjui-dialog > .dialogHeader h1{height: 40px;line-height:38px;}
.list-body{ margin-top: 20px;background: #fff; padding: 0px 10px 20px 10px;border-radius: 3px;margin-left: 10px; margin-right: 20px;margin-bottom: 20px;}
.bjui-dialog > .dialogHeader a{line-height:40px;height: 40px;opacity: 0.5;}
.bjui-dialog > .dialogHeader .close{line-height:38px;opacity: 0.5;}
.bjui-dialog > .dialogHeader a:hover{color: #58666e; background-color:#f3f7f9;opacity: 1;}
.bjui-dialog > .dialogHeader .close:hover{background-color:#f3f7f9;opacity: 1;color:#ff0000}
.bjui-datagrid .datagrid-title{height:40px;line-height: 40px; color: #37474f;padding-left:10px;}
.bjui-paging-box > .paging-content > .paging-box > .pagination > li.active > a, .bjui-paging-box > .paging-content > .paging-box > .pagination > li.active > a:focus, .bjui-paging-box > .paging-content > .paging-box > .pagination > li.active > a:hover {
    background-color:#2083D6;
}
.pagination > li > a, .pagination > li > span{color: #428bca;}
.bjui-datagrid .table > thead > tr > th > div > .datagrid-cell > .datagrid-column-menu-btn{top: 0px;margin-top: 0px!important;}
.bjui-datagrid .table > thead > tr > th:hover > div > .datagrid-cell > .datagrid-column-menu-btn > .btn:hover,
.bjui-datagrid .table > thead > tr > th > div > .datagrid-cell > .datagrid-column-menu-btn > .btn:focus{background-color:#399bff!important;}
.bjui-datagrid .table > thead > tr > th.datagrid-quicksort-th:hover{background-color:transparent;}
.bjui-datagrid .table > thead > tr > th:hover > div > .datagrid-cell > .datagrid-column-menu-btn > .btn{color:#399bff;}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus{color: #999;}
.btn-default{color: #58666e;}
/*.btn-group > .btn:first-child {
    margin-left: 0;
    width: 450px;
}*/
.add-btn{cursor: pointer;}
.bjui-dialogBackground{background: #000;}
/* .bootstrap-select{width: 100%!important;} */
.row-label{display: block;}
.paging-pagesize>.bootstrap-select{width: 80px!important;}
.bootstrap-select > .btn{height: 36px;}
#bjui-sidenav-box>.nav>li>a{text-align: center;}
#bjui-sidenav-box>.nav>li>a>i{font-size: 30px;display: block;margin-bottom:6px;}
.nav > li > a{padding:10px;}
#bjui-navtab{overflow: auto;}
#bjui-navtab > .tabsPageContent,#bjui-navtab > .tabsPageContent > .navtabPage{overflow: visible;}
.search-input .search-btn{
    margin: 0px 20px;
    padding: 10px 12px;
    border: 1px solid #dddee3;
    width:40px;
    height:40px;
    color: #4e9dff;
    border-radius: 4px;
    display: inline-block;
    background-color: #fff;
    height: inherit;
  }

.date-input .date-btn {
    margin: 0px 10px;
    padding: 8px 20px;
    border: 1px solid #dddee3;
    color: #4e9dff;
    border-radius: 20px;
    display: inline-block;
    background-color: #fff;
    height: inherit;
}
.date-input .date-btn.hover{
  background-color:#399bff;
  color: #fff;
}
.bjui-paging-box > .paging-content{display: inline-block;}
.bjui-pageFooter{background-color:#fff;}
.btn-default:hover{color: #58666e; border-color: #dbe1e4;}
.btn-default:focus{border-color: #4da5ff;}
.paging-content,.datagrid-box-h>.datagrid-wrap-h{width: 100%!important;}
.datagrid-wrap-b{width: 100%!important;}
#bjui-sidenav-box > .nav > li .nav > li > a{padding-left:10px;text-align: center;}
.nav-tabs > li.active > a,.nav-tabs > li.active > a:hover,.nav-tabs > li.active > a:focus{background: #399bff;color: #fff;}
.nav-tabs > li > a{background-color: #fff;}
.nav-tabs > li > a:hover{background-color: #f3f8fc;}
.tab-content{border:none;}

.form-horizontal .control-label{
    text-align: left!important;
    cursor: auto;
}
.input-group-addon{
  font-size: 16px;
  padding: 5px 14px;
  background-color: #fff;
  color: #555;
}
.has-error .form-control{
  border-color: #ef4836;
  box-shadow:none!important;
  -webkit-box-shadow:none!important;
}
.has-error .form-control:focus{
  border-color:#ef4836;
   box-shadow:none!important;
  -webkit-box-shadow:none!important;
}
.has-error .form-control-feedback,.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label{
  color: #ef4836;
}
.has-error .input-group-addon{
    color: #ef4836;
    background-color: #fff;
    border-color: #ef4836;
}
.has-success .form-control{
      border-color: #26a65b;
}
.has-success .form-control-feedback,.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label{
  color: #26a65b;
}
.has-success .form-control:focus{
  border-color:#26a65b;
   box-shadow:none!important;
  -webkit-box-shadow:none!important;
}
.has-success .input-group-addon{
  color: #26a65b;
  background-color: #fff;
  border-color: #26a65b;
}
.control-label{text-align:left;padding-top: 7px;}
/*.form-group{height: 70px;}*/
/*主页样式开始*/
/*.statistical-number {height: 130px;}*/
.statistical-number li{
  float: left;
  width: 25%;
  height: 130px;
}
.statistical-number>li>div{
  cursor: pointer;
  height: 110px;
 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.18);
 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.18); 
 margin:16px 14px;  
 border-radius: 6px;
}
.statistical-number>li>div>.right-num{
  height: 110px;
  width: 64%;
  float: right;
  background-color: #fff;
  text-align: center;

}
.statistical-number>li>div>.right-num>h3{color: #8A8A8A; font-size: 50px;}
.statistical-number>li>div>.right-num>span{color:#2B2E33; font-size: 14px;letter-spacing: normal; }
.statistical-number li .left i{
  font-size: 24px;
  color: #fff;
}
.statistical-number>li>div>.left-icon{
  display: inline-block;
    /*border: 2px solid #fff;*/
    /*border-radius: 50%;*/
    padding: 1px;
    overflow: hidden;
    /*padding: 6%;*/
    text-align: center;
    width: 36%;
    line-height: 126px;
}
.statistical-number>li>div>.left-icon>i{
  font-size: 46px;
    color: #f3f3f3;
    opacity: 0.35;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30)
  /*color: rgba(255, 255, 255, 0.35);*/

}
.total-charts{overflow: hidden;}
.total-charts li{float: left;}
.row.col-36 li .row-panel{width: 100%; box-shadow:0px 1px 1px rgba(0,0,0,0.18); -webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.18);}
.row.col-36 li{width: 100%;float: left; padding: 10px 14px;}
.row.col-36>li:last-child{width: 100%;}
.row{margin:0px; padding-top: 20px;padding-bottom: 10;/*padding-right: 10px;*/width: 100%}
.notice-icon{font-size:18px!important; color: #FB5651;}
.notice-content{height: 400px;width: 100%;}
.panel-body .notice-content li{
  padding: 10px;
  width: 100%;
  border-bottom: 1px solid #ddd;
}
.notice-content li .notice-title{float: left; padding-left: 10px;}
.notice-content li .notice-date{float: right; padding-right:40px;}
.panel-body .notice-content li:hover{background-color: #eff7ff;}
.btn-group.open .dropdown-toggle{box-shadow:none;-webkit-box-shadow:none;}
.open > .dropdown-toggle.btn-default,.open > .dropdown-toggle.btn-default:focus,.open > .dropdown-toggle.btn-default:hover{border:1px solid #4da5ff; background-color: #fff;}
.form-group.col-2{width: 48%;display: inline-block;float: left;}
/*.account-info{padding-left: 10px}
.account-info img{width: 60px;}*/
/*主页样式结束*/ 
/*角色管理开始*/
/*.col-2 div{width: 50%;float: left;}*/

.search-input{display: inline-block;}
.search-input input{width: 300px;height: 36px; padding: 0 8px; border: 1px solid #dddee3;}
.search-input input:focus{border:1px solid #399bff;box-shadow:none;}
.search-input>a{margin: 0px 20px; padding: 10px 12px; border:1px solid #dddee3; color: #4e9dff; border-radius: 4px; display: inline-block; }
.search-input>a:hover{background-color:#4e9dff; color: #fff; }
.add-btn{float: right; padding: 6px 8px; background-color: #399bff; color: #fff;border-radius: 16px;margin-top:6px; float: right;}
.add-btn>span{padding:0px 4px;}
.list-content li{padding: 10px;float: left;}
.list-content li .role-item{    border: 1px solid #dddee3;width: 100%;padding: 10px;overflow: hidden;background-color: #f5f5f5; border-radius: 5px;height: 150px;position: relative;}
.list-content li .role-item .item-logo{ float: left;height: 124px;margin-left: 10px;}
.list-content li .role-item .item-logo .item-i{height: 126px;display: table-cell;vertical-align: middle;}
.list-content li .role-item .item-body{display: block;margin-left: 110px;margin-top: 14px;}
.list-content li .role-item .item-body .body-head{word-break: break-all;word-wrap: break-word;width:100%;background-color:red;position:relative;}
.list-content li .role-item .item-body .body-head .item-head h4{width: 60%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display: inline-block;width: calc( 100% - 120px );width: -moz-calc( 100% - 120px );width: -webkit-calc( 100% - 120px );position:absolute;}
.business-list-content li .role-item .item-body .body-head .item-head h4{width: 50%; width: calc(100% - 180px)!important;  width: -moz-calc(100% - 180px)!important;width: -webkit-calc(100% - 180px)!important;}
.list-content li .role-item .item-body .item-btns{ float: right;width:220px;}
.list-content li .role-item .item-body .item-btns .innerbtn{z-index:2;right: 10px;position:absolute;}
.list-content li .role-item .item-body .item-btns a{overflow: hidden;padding: 10px 2px;margin: 0px 6px;line-height: 40px; color: #999;cursor: pointer;}
.list-content li .role-item .item-body .item-btns a:hover{color:#4e9dff;}
.list-content li .role-item .item-body .item-btns i{font-size: 20px;}
.list-content li .role-item .item-body .body-body{word-wrap:normal;position:relative;top: 45px;color: #999;}
/*角色管理结束*/
/*设备管理开始*/
.table-ul{width: 100%;padding:10px;overflow: hidden;}
.table-ul>.ul-logo{float: left;}
.table-ul>.ul-logo>span{display: inline-block;padding:20px 16px; background-color: #f5f5f5;border: 1px solid #dddee3;border-radius: 5px;}
.table-ul>.ul-logo>span>i{font-size: 60px; color: #898989;}
.table-ul>.ul-item{padding-left: 110px; text-align: left;}
.operation-btn>a>i{font-size: 20px;margin:0px 8px;color: #999;}
.operation-btn i:hover{color:#4e9dff; }
.table > thead > tr > th{ color: #526069;}
.bjui-datagrid .table > tbody > tr > td{color: #58666e;}
.info-main{overflow: hidden;}
.info-main>.info-left{float: left;}
/*.info-main>.info-left>i{font-size: 100px;text-align: center;display: block;}*/
.info-main>.info-left>span>i{font-size: 60px;color: #898989;padding: 14%;background-color: #f5f5f5;border: 1px solid #dddee3;border-radius: 5px;}
.info-main>.info-left>span{ text-align: center;margin-left: 10px;}
.info-main>.info-right{float: left;}
.info-main>.info-right>.top{margin-bottom: 20px;border-bottom:1px solid #dddee3;}
.date-icon{
  position: absolute;
  top: 0px;
  z-index: 20;
  right: 14px;
}
.metadata-top,.metadata-content{font-size: 0px}
.metadata-top>p>span,.metadata-content>p>span{margin: 0px 1%;display: inline-block;width: 20px;font-size: 14px;}
/*设备管理结束*/
/*用户私有协议管理开始*/
#user-protocol-list{border: 1px solid #e4eaec;border-radius: 4px;overflow: hidden;}
.ui-state-default{
    border:none;
    border-top: 1px solid #e4eaec;
    background: #fff;
    font-weight: normal;
    color: #76838f;
}
#user-protocol-list>.title,.protocol-list-ul{overflow: hidden;margin-bottom:0px;}
#user-protocol-list>.title>li{border:none;}
#user-protocol-list>.title>li{display: inline-block;float: left; padding:6px; overflow: hidden;color: #526069;}
.protocol-list-ul>li{border-top: 1px solid #e4eaec;overflow: hidden;background-color: #fff; height: 36px;}
.protocol-list-ul>.ui-sortable-helper{ background-color:#7fbeff;}
.protocol-list-ul>.ui-sortable-helper>div{color:#fff;}
.protocol-list-ul>li>div{
  float: left;
  padding:6px;
  line-height: 1.6;
  color: #76838f;
  cursor:default;

}
.table {
    color: #76838f;
    width: 100%;
    max-width: 100%;
} 
.table>thead>tr>th {
    border-bottom: 1px solid #e4eaec;
    font-weight: 500;
    color: #526069;
    vertical-align: middle;
    background: rgba(243,247,249,.5);
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 6px;
    line-height: 1.6;
    text-align: center;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}
.info-left img{width: 74%;}
/*用户私有协议管理结束*/
table {
  border-spacing: 0;
  border-collapse: collapse;
  width: 400px;
  border: none;
}
th {
  text-align: center;
  width: 120px;
  height: 40px;
}
td,
th {
  height: 20px;
  /*padding: 10px;*/

}
/*设备源数据*/
div.container-main{
  width: 100%;
  height: 100%;
}

table.tableMetadata{
  margin-top: 10px;
  border:1px solid #ddd;
  overflow: scroll;


}
table.tableAscii{
  margin-top: -10px;
  margin-left: 2px;
  width:99.4%;
  margin-right: 3px;
  overflow: scroll;

  border:1px solid #ddd;
}

th.th{
  
  padding: 10px;
  border:1px solid #ddd;

}
td.td{
    
  padding: 6px;
  text-align: center;
  border:1px solid #ddd;
}
td.tdAscii{
  padding:10px;
  height: 30px;
  width: 50px;
  text-align: center;
  border:1px solid #ddd;
}
div#container-right p{
  margin-top: 10px;
  margin-left: 2px;
  margin-right: 3px;
  line-height: 41px;
  font-size: 18px;
  text-align: center;
  border:1px solid #ddd;
}
/*私有协议数据*/
tr.ktv-data{
  border:1px solid #ddd;
}
tr.ktv-data th{
  border:1px solid #ddd;
  font-weight: 100;
}

tr.ktv-data td{
  border:1px solid #ddd;
}
div.example table{
  margin-top: 10px;
}

/*日志搜索栏*/
div.search{
  width: 100%;
}
div.btn-group.bootstrap-select.show-tick.form-control.input-nm.syslog{
  width: 16%;
}
.required-span{color:#ef4836; line-height: 24px;margin-right: 6px;}
.user-protocol>.bootstrap-select{vertical-align: top}
.real-time-configuration ul li{display: inline-block; }

